<template>
	<view class="container">
		<view class="card" v-for="(item,index) in cardList" :key="index" @click="clickHandle(item)">
			<u-image :src="item.src" mode="widthFix" width="110rpx"></u-image>
			<view class="">{{item.name}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cardList: [{
					name: '支付渠道配置',
					src: require('@/static/application/config.png'),
					url:'/pages/offline/application/payRoadConfig'
				}/* , {
					name: '已开通服务',
					src: require('@/static/application/kaitong.png'),
					url:''
				} */]
			}
		},
		methods:{
			clickHandle(item){
				if(item.url){
					uni.navigateTo({
						url:item.url
					})
				}else{
					this.$u.toast('')
				}
			}
		},
	}
</script>
<style scoped>
	.container{
		padding: 30rpx;
		display: flex;
	}
	.card{
		width:220rpx;
		height: 240rpx;
		padding:20rpx;
		border: 2rpx solid #ccc;
		border-radius: 10rpx;
		margin: 20rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
		font-size: 26rpx;
	}
</style>
 